@extends('layouts.vote.unregister.vote')
@section('titleRules')
    @include('app.vote.unregister.titleRules')
@endsection
@section('votecure','cur')
@section('contents')
    <!-- 投票  S-->
    <div id="vote-app">
        <div class="voteList voteListVideo mt30" v-for="(category, group) in items">
            <h3>@{{ categories[group] }}</h3>
            <div>
                <ul class="ui-justify voteListCon mt20 ml_4 mr_2">
                    <template v-for="(item, index) in category">
                        <li class="ui-col-30 pdlr_1">
                            <div class="production hasImg"
                                 v-on:click="to_details(item.id)"
                                 v-bind:style="{'background-image': 'url(' + item.cover + ')'}"
                                 v-bind:class="{videoCon: item.type == 3}">
                            </div>
                            <p>@{{ item.name }}</p>
                            <p class="voteNumWrap">票数<span class="voteNum">@{{ votes[item.id] }}</span></p>
                            <a href="javascript:;" v-on:click="vote(item.id)">投票</a>
                        </li>
                    </template>
                </ul>
            </div>
        </div>
    </div>

@endsection
@section('script')
    <script src="https://cdn.bootcss.com/vue/2.3.2/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/axios/0.16.1/axios.min.js"></script>
    <script src="/js/vote/unregister/list.js"></script>
    <script src="/js/vote/unregister/vote-list-vue.js"></script>
@endsection
@section('get-vote-details')
@endsection
